// 1.导入所有的svg图标
// https://webpack.docschina.org/guides/dependency-management/#requirecontext
// 通过 require.context() 函数来创建自己的 context

// 三个参数 要搜索的目录 是否还有子目录 要匹配的文件 
const svgRequire = require.context('./svg', false, /\.svg$/)
// 此时返回一个 require 的函数，可以接受一个 request 的参数，用于 require 的导入。
// 该函数提供了三个属性，可以通过 svgRequire.keys() 获取到所有的 svg 图标
// 遍历图标，把图标作为 request 参数传入到 svgRequire 导入函数中，完成本地 svg 图标的导入
// console.log(svgRequire.keys());
svgRequire.keys().forEach(svgIcon => svgRequire(svgIcon))

// 2.全局注册
import SvgIcon from '@/components/SvgIcon'
// 导出函数 接受app作为参数 
export default app => {
  app.component('svg-icon', SvgIcon)
}
